<template>
  <div class="searchCenter">
    <input type="text" :placeholder="text">
  </div>
</template>

<script>
  export default {
    props: ['text']
  }
</script>

<style scoped lang=scss>
  .searchCenter {
    height: 80rpx;
    width: 600rpx;
    margin: 0 auto;
    border-radius: 80rpx;
    background: url("../../static/images/searchIco.png") no-repeat #ececec;
    background-position: 33rpx 22rpx;
    input {
      height: 80rpx;
      line-height: 80rpx;
      width: 470rpx;
      margin-left: 91rpx;
      background: #ececec;
      font-size: 28rpx;
      color: #999999;
      float:left;
    }
  }
</style>
